<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.min.css">
<script language="javascript"  type="text/javascript" src="js/jquery.min.js"></script>
<script language="javascript"  type="text/javascript" src="js/swiper.min.js"></script>
<script language="javascript"  type="text/javascript" src="js/change-html-fz.js"></script>
<script language="javascript"  type="text/javascript" src="js/distpicker.data.js"></script>
<script language="javascript"  type="text/javascript" src="js/distpicker.js"></script>
<script language="javascript"  type="text/javascript" src="js/jquery.fancybox.min.js"></script>
</head>
<body>
	
    
<!-- 页眉 -->
<div class="header">
    <div class="main">
        <h1><a href="###">广东.亚拓系统门窗</a></h1>
        <div class="icon">
            <b></b>
            <i></i>
        </div>
    </div>
    <div class="nav">
        <div class="content">
            <ul>
                <li><a href="###">官网首页</a></li>
                <li><a href="###">品牌中心</a></li>
                <li><a href="###">产品中心</a></li>
                <li><a href="###">工程案例</a></li>
                <li><a href="###">招商加盟</a></li>
                <li><a href="###">销售网络</a></li>
                <li><a href="###">新闻资讯</a></li>
                <li><a href="###">VR展厅</a></li>
            </ul>
            <div class="nav-shop">
                <a href="###" style="background-image : url(images/nav-icon-9.png)"></a>
                <a href="###" style="background-image : url(images/nav-icon-10.png)"></a>
            </div>
        </div>
        <i></i>
    </div>
    <div class="search">
        <i></i>
        <form>
            <input type="text" autocomplete="off" name="search" placeholder="请输入关键词"/>
            <input type="submit" value=""/>
        </form>
    </div>
</div>


<!-- banner -->
<div class="banner">
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<a href="###">
					<img src="images/banner.jpg" alt="">
				</a>
			</div>
			<div class="swiper-slide">
				<a href="###">
					<img src="images/banner.jpg" alt="">
				</a>
			</div>
			<div class="swiper-slide">
				<a href="###">
					<img src="images/banner.jpg" alt="">
				</a>
			</div>
			<div class="swiper-slide">
				<a href="###">
					<img src="images/banner.jpg" alt="">
				</a>
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
</div>


<!-- 主体 -->
<div class="ipro">
	<div class="itit">
		<h2>产品中心 · 品质门窗 </h2>
		<p>按需定制，品质齐全，满足各领域使用需求</p>
	</div>
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<a href="###">
					<div class="img-box">
						<img src="images/ipro_03.jpg" >
						<div class="mask"></div>
					</div>
					<div class="text">
						<h3>窗纱一体系列</h3>
						<p>Window screen series</p>
					</div>
				</a>
			</div>
			<div class="swiper-slide">
				<a href="###">
					<div class="img-box">
						<img src="images/ipro_05.jpg" >
						<div class="mask"></div>
					</div>
					<div class="text">
						<h3>平开系列</h3>
						<p>Flat window series</p>
					</div>
				</a>
			</div>
			<div class="swiper-slide">
				<a href="###">
					<div class="img-box">
						<img src="images/ipro_03.jpg" >
						<div class="mask"></div>
					</div>
					<div class="text">
						<h3> 窗纱一体系列 </h3>
						<p>Window screen series</p>
					</div>
				</a>
			</div>
			<div class="swiper-slide">
				<a href="###">
					<div class="img-box">
						<img src="images/ipro_05.jpg" >
						<div class="mask"></div>
					</div>
					<div class="text">
						<h3>平开系列</h3>
						<p>Flat window series</p>
					</div>
				</a>
			</div>
		</div>
	</div>
	<div class="page-btn">
		<div class="ipro-prev"></div>
		<div class="swiper-pagination"></div>
		<div class="ipro-next"></div>
	</div>
</div>


<div class="ifeature">
	<div class="main">
		<div class="itit">
			<h2>严格制造 · 层层把关 </h2>
			<p>极致，正是成就完美的必要前提，万事万物皆极致，<br>方可成就世界的完美 </p>
		</div>
		<div class="list-box clearfix">
			<div class="list">
				<div class="img">
					<img src="images/if-icon01.png" >
				</div>
				<div class="text">
					<h3>6级</h3>
					<p>隔音性能</p>
					<div>Soun Insulation</div>				</div>
			</div>
			<div class="list">
				<div class="img">
					<img src="images/if-icon02.png" >
				</div>
				<div class="text">
					<h3>6级</h3>
					<p>水密性能</p>
					<div>Watertight performance</div>
				</div>
			</div>
			<div class="list">
				<div class="img">
					<img src="images/if-icon03.png" >
				</div>
				<div class="text">
					<h3>6级</h3>
					<p>气密性能</p>
					<div>Airtight performance</div>
				</div>
			</div>
			<div class="list">
				<div class="img">
					<img src="images/if-icon04.png" >
				</div>
				<div class="text">
					<h3>6级</h3>
					<p>抗风压性能</p>
					<div>Wind resistance</div>
				</div>
			</div>
		</div>
	</div>
</div>


<div class="iab">
	<div class="main">
		<div class="itit">
			<h2>为什么选择 · 亚拓系统门窗 </h2>
			<p>从设计、选材到加工、服务趋于极致 </p>
		</div>
	</div>
	
	<div class="swiper-container">
		<div class="tag-box swiper-wrapper">
			<div class="swiper-slide">
				<div class="img-box">
					<img src="images/about_05.jpg" alt="">
				</div>
				<div class="list">
					<h4><i class="timer count-title" id="count-number" data-to="10" data-speed="1500"></i><span>年</span></h4>
					<div class="br">
						<h3>铝型材服务经验</h3>
						<div class="text-box">
							<p>2000+客户服务经验</p>
							<p>加工生产产品上万件</p>
							<p>服务领域遍布全行业</p>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="img-box">
					<img src="images/about_05.jpg" alt="">
				</div>
				<div class="list">
					<h4><i class="timer count-title" id="count-number" data-to="100" data-speed="1500"></i><span>人</span>+</h4>
					<div class="br">
						<h3>铝型材服务经验</h3>
						<div class="text-box">
							<p>拥有国家专利100多项</p>
							<p>2000多种产品规格型号</p>
							<p>工程技术研究开发中心</p>
						</div>
					</div>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="img-box">
					<img src="images/about_05.jpg" alt="">
									</div>
				<div class="list">
					<h4><i class="timer count-title" id="count-number" data-to="10" data-speed="1500"></i>+</h4>
					<div class="br">
						<h3>铝型材生产设备</h3>
						<div class="text-box">
							<p>全系列型材加工设备</p>
							<p>大型生产设备上万台</p>
							<p>生产加工工序10余道</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="swiper-next"></div>
		<div class="swiper-prev"></div>
	</div>
</div>


<div class="ibrand">
	<div class="img-box">
		<img src="images/index_14.jpg" alt="">
	</div>
	<div class="itit">
		<h2>立足精品 · 匠心品质 </h2>
		<p>10多年年品牌积淀 实力深厚</p>
	</div>
	<div class="list-box clearfix main">
		<div class="list">
			<div class="img_box">
				<img src="images/icon_02.png" alt="">
			</div>
			<div class="text">
				<h3>引进德国</h3>
				<p>全套生产加工设备线</p>
			</div>
		</div>
		<div class="list">
			<div class="img_box">
				<img src="images/icon_03.png" alt="">
			</div>
			<div class="text">
				<h3>产品认证</h3>
				<p>质量/安全/环保3重认证</p>
			</div>
		</div>
		<div class="list">
			<div class="img_box">
				<img src="images/icon_04.png" alt="">
			</div>
			<div class="text">
				<h3>进口材料</h3>
				<p>及品牌配件商为伍</p>
			</div>
		</div>
		<div class="list">
			<div class="img_box">
				<img src="images/icon_05.png" alt="">
			</div>
			<div class="text">
				<h3>简约时尚</h3>
				<p>风格契合中高端人群审美</p>
			</div>
		</div>
	</div>
	<a href="###" class='more'>查看更多</a>
</div>


<div class="ijion">
		<div class="itit">
			<h2>亚拓系统门窗 · 全球招募合伙人</h2>
			<p>5大系列产品 二十多种时尚颜色，多元化产品线</p>
		</div>
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<a href="###">
					<div class="img-box">
						<img src="images/index_18.jpg" alt="">
					</div>
					<div class="text">
						<h3>门窗行业前景</h3>
						<p> 未来5年铝窗行业将进入高速发展时期 亚拓门窗与您携手共享亿万商机</p>
					</div>
				</a>
			</div>
			<div class="swiper-slide">
				<a href="###">
					<div class="img-box">
						<img src="images/index_20.jpg" alt="">
					</div>
					<div class="text">
						<h3>招商加盟优势</h3>
						<p> 六大核心优势助您招商代理无忧</p>
					</div>
				</a>
			</div>
			<div class="swiper-slide">
				<a href="###">
					<div class="img-box">
						<img src="images/index_23.jpg" alt="">
					</div>
					<div class="text">
						<h3>加盟政策支持</h3>
						<p>总部每年投入巨资进行统一-广告投放，持续提升品牌影响力，提供物料设计支持</p>
					</div>
				</a>
			</div>
		</div>
		<div class="page-btn">
			<div class="ipro-prev"></div>
			<div class="swiper-pagination"></div>
			<div class="ipro-next"></div>
		</div>
	</div>
</div>



<div class="inews">
	<div class="itit">
		<h2>新闻资讯</h2>
		<p>声誉满载 是10余载来为爱坚守的肯定</p>
	</div>
	<div class="list-box">
		<div class="list">
			<a href="###">
				<div class="text-box">
					<h3>亚拓系统门窗——以高品质门窗守护千家万户的美好生活</h3>
					<p>在多重挑战并存的2020年，这些名言得到了最好的印证。黑暗总与光明同行，关键在于你是否有发现它的勇气和拼劲。 面对疫情带来的严峻考验和复杂多变的国内外环境，家居建材企业从未停止奋斗和创新的脚步，凝聚力量逐光而行。中国家居建材企业在艰险中不断探索前行、追梦逐光。</p>
				</div>
			</a>
		</div>
		<div class="list">
			<a href="###">
				<h3>好的门窗品牌好在哪里(知识科普)</h3>
			</a>
		</div>
		<div class="list">
			<a href="###">
				<h3>哪个最能引起您的共鸣?2020年热词门窗行业TOP5!</h3>
			</a>
		</div>
		<div class="list">
			<a href="###">
				<h3>仿古铝合金门窗——家居装修中的颜值代表!</h3>
			</a>
		</div>
		<div class="list">
			<a href="###">
				<h3>亚拓门窗 丨寒冬来袭,你的“保温门窗”已上线</h3>
			</a>
		</div>
	</div>
</div>



<!-- 页脚 -->
<div class="footer">
    <div class="top">
        <div class="tel">
            <b>全国财富热线</b>
            <i>400-9609-711</i>
        </div>
        <div class="info">
            <p>网站：www.yatuomc.com</p>
            <p>邮箱：fsxianyued @163.com</p>
            <p>地址：佛山市南海区狮山镇颜峰工业区</p>
        </div>
        <div class="qr">
            <div>
                <div class="img-box">
                    <img src="images/footer-img-1.jpg" alt=""/>
                </div>
                <b>公众号</b>
            </div>
            <div>
                <div class="img-box">
                    <img src="images/footer-img-1.jpg" alt=""/>
                </div>
                <b>官网</b>
            </div>         
        </div>
    </div>
    <div class="bottom">版权所有 ©  佛山亚拓系统门窗限公司</div>
</div>


<!-- tabBar -->
<ul class="tabbar">
    <li><a href="###">官网首页</a></li>
    <li><a href="###">产品中心</a></li>
    <li><a href="###">招商加盟</a></li>
    <li><a href="tel:">联系我们</a></li>
</ul>


<script language="javascript"  type="text/javascript" src="js/count.js"></script>
<script language="javascript"  type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
$(function(){
	
	var swiper = new Swiper('.banner .swiper-container', {
		autoplay:true,
		pagination:{
			el:".swiper-pagination",
		},
	});
	
	var swiper = new Swiper('.ipro .swiper-container', {
		spaceBetween: 20,
		slidesPerView: 2,
		navigation: {
			nextEl: '.ipro-next',
			prevEl: '.ipro-prev',
		},
		pagination:{
			el:".swiper-pagination",
		},
	});
	
	var swiper = new Swiper('.ab-honor .swiper-container', {
		spaceBetween: 30,
		navigation: {
			nextEl: '.honer-next',
			prevEl: '.honer-prev',
		},
	});
	
	
	var swiper = new Swiper('.iab .swiper-container', {
		spaceBetween: 30,
		navigation: {
			nextEl: '.swiper-next',
			prevEl: '.swiper-prev',
		},
	});
	
	
	var swiper = new Swiper('.ijion .swiper-container', {
		spaceBetween: 30,
		slidesPerView: 1.45,
		centeredSlides : true,
		navigation: {
			nextEl: '.ipro-next',
			prevEl: '.ipro-prev',
		},
		pagination:{
			el:".swiper-pagination",
		},
	});
	
});
</script>

</body>
</html>